<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-01 11:52:50
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-07-04 17:01:56
-->
<template>
<div class="contact">
    <div class="header">
      <div class="wrapper">
        <div class="logo">行学天下</div>
        <div class="title">行学天下</div>
        <div class="phone">联系我们</div>
      </div>
    </div>
    <div class="top_bg">
        <div class="top">
            <div class="top2">
                <div class="logo"><img src="images/logo.png" width="204" height="91" alt="" /></div>
                <div class="nav">
                    <a target="_blank" href="">首页</a>|
                    <a href="">游学项目</a>|
                    <a href="">风采</a>|
                    <a href="">报名</a>|
                    <a href="">联系我们</a>|
                </div>
            </div>
        </div>
    </div>

<div class="cot">
    <div class="l1">
        <a target="_blank" href="">首页</a>
        <a href="">游学项目</a>
         <a href="">风采</a>
        <a href="">报名</a>
        <a href="">联系我们</a>
    </div>
    <div class="r1">
        <h1>联系我们</h1>
        <p>
            游学太理<br>
            地址：太原理工大学移动互联小组<br>
            电话：18703559298 89295530781&nbsp;<br>
            传真：10-10086111111 &nbsp;<br>
            邮编：10000000
        </p>

        <p>
            游学明向<br>
            地址：太原理工大学明向校区 <br>
            电话：18703559298 89295530781&nbsp;<br>
            传真：10-10086111111 &nbsp;<br>
        </p>
        <p>
            游学联系部：<br>
            地址：太原理工大学实验室A1 <br>
            电话：18703559298<br>
            联系人：卢宁<br>
            邮箱：867536942@qq.com
        </p>

        <p>
            游学迎西<br>
            地址：太原理工大学实验室C1 <br>
            电话：18703559298 89295530781&nbsp;<br>
            传真：10-10086111111 &nbsp;<br>
        </p>

        <p>校企合作<br>
            联系人：高先生（太原）<br>
            电话： 18834818691<br>
            电子邮件：3028835457@qq.com
        </p>
    </div>
</div>
    <div class="clear"></div>
    <div class="articles">文章</div>
    <div class="questions">常见问题</div>
    <div class="footer">底部</div>
  </div>
</template>
<style lang="scss" scoped>
    .contact {
        .title {
        font-size: 20px;
        line-height: 2em;
        font-weight: bold;
        }
        margin:0;
        padding:0; 
        color:#333; 
        word-break:break-all; 
        word-wrap:break-word;

        img{ 
        border:0;
        vertical-align:top;
        }
        a{ 
            color:#666; 
            text-decoration:none;
        }
        a:hover{
            text-decoration:underline; 
            color:#09f;
        }

        .clear{
        clear:both;
        height:0px;
        overflow:hidden;
    }
    .clearfix:after{
        content:" ";
        display:block;
        visibility:hidden;
        clear:both;
        height:0;
        font-size:0;
    }
    .clearfix{
        *zoom:1;
    }
    body{ 
        background:#f2f2f2;
    }
    .top_bg{ 
        background:#39f; 
        height:91px; 
        width:100%;
    }
    .top{ 
        margin:0 auto; 
        width:980px; 
        height:91px; 
        position:relative;
    }
    .top2{ 
        position:absolute; 
        width:980px; 
        left:0; 
        top:0; 
        height:91px; 
        border-bottom:1px solid #eee; 
        clear:both; 
        overflow:hidden;}

        .logo{ 
        float:left; 
        width:204px;
    }
    .nav{ 
        float:left; 
        width:750px; 
        padding:45px 0 0 20px; 
        font-size:12px; 
        color:#fff;
    }
    .nav a{ 
        display:inline-block; 
        color:#fff; 
        margin:0 15px;
    }
     .cot{ 
        margin:0 auto; 
        width:980px;
    }
    .l1{ 
        float:left; 
        background:#f9f9f9; 
        width:204px; 
        padding:10px 0;
    }
    .l1 a{ 
        float:left; 
        width:166px; 
        height:42px; 
        line-height:42px; 
        font-size:14px; 
        margin:10px 0; 
        color:#333; 
        padding-left:38px;
    }
    .r1{ 
        float:right; 
        background:#fff; 
        width:676px; 
        padding:0 50px 20px;
    }
    .r1 h1{ 
        font-size:30px; 
        padding-top:46px; 
        height:75px; 
        font-weight:normal; 
        text-align:center;
    }
    .r1 p{ 
        font-size:14px; 
        padding-top:10px; 
        line-height:1.8;
    }

    .articles,.questions,.footer{ 
        text-align:right; 
        line-height:20px;
    }
}
</style>